<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
.div1{
width:800px;
height:500px ;
border:1px gray solid ;
padding:0px 20px 10px 20px ;
margin: 0 auto;
}
.div2{
margin-left:90px;
display:inline-block;
}
input{
border-radius:4px;
}
.in3{
background-color:#87CEFF
}
.a1{
font-size:8px;
}
.div3{
display:inline-block;
}
 .div4{
 width:100px;
 display:inline-block;
 }
</style>
</head>
<body>
<!-- 导航栏 -->
<div class="div1">
<div><h2>请登录</h2></div>
<hr>
<div class="div2">
<h4>登陆Apple Store</h4>
<input type="text" >
<br><br>
<input type="text" ><br><br>
<a class="a1" href="http://www.baidu.com">忘了自己的Apple ID或密码?</a>
<input type="submit" value="登陆" class="in3">
</div>
<div class="div4"></div>
<div class ="div3">你可以使用自己的Apple ID来想用其他Apple服务，例如
<ul>
<li>App Store</li>
<li>iTunes Store</li>
<li>iPhoto 打印服务</li>
<li>iCloud</li>
</ul>
<a href="http://www.baidu.com">没有Apple ID?立即创建一个</a>
</div>
</body>
</html>